﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>::WA_Title_Options:: - ::WA_Title_WebAdmin::</title>
        @head.html@
        <!-- [[ BUNDLE END ]] -->
        <script src="script/Strings.js"></script>
        <script src="script/Strings.Server.js"></script>
        <script src="script/bootstrap-helper.js"></script>
        <script src="script/access-editor.js"></script>
        <script src="Settings.js"></script>
    </head>
    <body>
        <!-- Defeat the "do you want to save this password" prompt on the edit user form -->
        <div class="hidden">
            <input type="password" />
        </div>

        <div id="page-container">
            <div id="content" class="container-fluid">
                <div class="row row-offcanvas row-offcanvas-left">
                    <div class="col-xs-12 col-sm-9">
                        <h1 class="page-header">
                            ::WA_Title_Options::
                        </h1>

                        <div id="failure-message" class="alert alert-danger"></div>

                        <div class="panel-group" role="tablist" aria-multiselectable="true">

                            <!---->
                            <!-- DATA SOURCES -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="expanded" data-bind="with: $root.BaseStationSettings">
                                <div>
                                    ::OptionsDataSourcesSheetTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="DatabaseFileNameValidation">
                                        <label class="col-sm-4">::DatabaseFileName:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: DatabaseFileName" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="OperatorFlagsFolderValidation">
                                        <label class="col-sm-4">::FlagsFolder:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: OperatorFlagsFolder" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="SilhouettesFolderValidation">
                                        <label class="col-sm-4">::SilhouettesFolder:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: SilhouettesFolder" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="PicturesFolderValidation">
                                        <label class="col-sm-4">::PicturesFolder:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: PicturesFolder" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: SearchPictureSubFolders" />
                                                ::SearchPictureSubFolders::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: DownloadGlobalAirPressureReadings" />
                                                ::DownloadGlobalAirPressureReadings::
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::AircraftDetailsOnlineLookup::
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: LookupAircraftDetailsOnline" />
                                                ::LookupAircraftDetailsOnline::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">
                                            ::DataProvider:::
                                        </label>
                                        <div class="col-sm-8">
                                            <span data-bind="text: $root.OnlineLookupSupplierName"></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8">
                                            <span data-bind="text: $root.OnlineLookupSupplierCredits"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- RECEIVERS -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="">
                                <div>
                                    ::Receivers::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="ReceiverWrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="GoogleMapSettings.WebSiteReceiverIdValidation">
                                        <label class="col-sm-4">::WebSiteReceiverId:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: Feeds, optionsText: 'Name', optionsValue: 'UniqueId', value: GoogleMapSettings.WebSiteReceiverId"></select>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="GoogleMapSettings.ClosestAircraftReceiverIdValidation">
                                        <label class="col-sm-4">::ClosestAircraftReceiverId:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: Feeds, optionsText: 'Name', optionsValue: 'UniqueId', value: GoogleMapSettings.ClosestAircraftReceiverId"></select>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="GoogleMapSettings.FlightSimulatorXReceiverIdValidation">
                                        <label class="col-sm-4">::FlightSimulatorXReceiverId:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: Feeds, optionsText: 'Name', optionsValue: 'UniqueId', value: GoogleMapSettings.FlightSimulatorXReceiverId"></select>
                                        </div>
                                    </div>

                                    <div class="form-section"></div>

                                    <div class="form-group">
                                        <div class="col-sm-12 text-right">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.createAndEditReceiver, pageHandler)">
                                                ::Add::
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row table-responsive">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="thin-column"></th>
                                                    <th class="thin-column">::Enabled::</th>
                                                    <th>::Name::</th>
                                                    <th>::Format::</th>
                                                    <th>::Hidden::</th>
                                                    <th>::Location::</th>
                                                    <th>::Connection::</th>
                                                    <th>::ConnectionParameters::</th>
                                                    <th class="thin-column"></th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="foreach: Receivers">
                                                <tr data-bind="css: { 'text-muted': !Enabled() }">
                                                    <td class="thin-column">
                                                        <div data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                                    </td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: Enabled" />
                                                    </td>
                                                    <td data-bind="text: Name"></td>
                                                    <td data-bind="text: FormattedDataSource"></td>
                                                    <td data-bind="text: FormattedReceiverUsage"></td>
                                                    <td data-bind="with: Location">
                                                        <span data-bind="text: Name"></span>
                                                    </td>
                                                    <td data-bind="text: FormattedConnectionType"></td>
                                                    <td data-bind="text: ConnectionParameters"></td>
                                                    <td class="text-nowrap">
                                                        <button type="button" class="btn btn-sm btn-success" data-bind="click: SelectRow" data-toggle="modal" data-target="#edit-receiver">
                                                            <span class="glyphicon glyphicon-pencil"></span>
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-danger" data-bind="click: DeleteRow">
                                                            <span class="glyphicon glyphicon-remove"></span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div id="edit-receiver" data-bsu="modal" data-bsu-options="header-close large" data-bind="with: $root.SelectedReceiver()">
                                <div>
                                    <span data-bind="text: Name"></span>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="EnabledValidation">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: Enabled" />
                                                ::Enabled::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="NameValidation">
                                        <label class="col-sm-4">::Name:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: Name" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="DataSourceValidation">
                                        <label class="col-sm-4">::Format:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.DataSources, optionsText: 'ShortName', optionsValue: 'UniqueId', value: DataSource, valueAllowUnset: true"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IsSatcomFeed" />
                                                ::IsSatcomFeed::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::Location:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <select class="form-control" data-bind="options: $root.ReceiverLocations(), optionsText: 'Name', optionsValue: 'UniqueId', value: ReceiverLocationId, valueAllowUnset: true"></select>
                                                <span class="input-group-btn">
                                                    <button type="button" class="btn btn-default" data-bind="click: ResetLocation">
                                                        <span class="glyphicon glyphicon-remove"></span>
                                                    </button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::ConnectionType:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.ConnectionTypes, optionsText: 'Description', optionsValue: 'Value', value: ConnectionType"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8">
                                            <button type="button" class="btn btn-info" data-bind="click: TestConnection">
                                                ::TestConnection::
                                            </button>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bind="visible: $root.TestConnectionOutcome() != null, with: $root.TestConnectionOutcome">
                                        <div class="col-sm-offset-4 col-sm-8">
                                            <span data-bind="text: Message"></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4"></label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.ReceiverUsages, optionsText: 'Description', optionsValue: 'Value', value: ReceiverUsage"></select>
                                        </div>
                                    </div>

                                    <div data-bind="visible: ConnectionType() == 0">
                                        <div class="form-section">
                                            ::Network::
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="IsPassiveValidation">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: IsPassive" />
                                                    ::PassiveReceiver::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="AddressValidation">
                                            <label class="col-sm-4">::UNC:::</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" data-bind="textInput: Address, disable: IsPassive" />
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="PortValidation">
                                            <label class="col-sm-4">::Port:::</label>
                                            <div class="col-sm-8">
                                                <input type="number" class="form-control" data-bind="textInput: Port" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::Passphrase:::</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" data-bind="textInput: Passphrase" />
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="UseKeepAliveValidation">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: UseKeepAlive" />
                                                    ::UseKeepAlive::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="IdleTimeoutValidation">
                                            <label class="col-sm-4">::IdleTimeout:::</label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <input type="number" class="form-control" data-bind="textInput: IdleTimeoutSeconds, disable: UseKeepAlive" />
                                                    <span class="input-group-addon">::Seconds::</span>
                                                </div>
                                            </div>
                                        </div>

                                        <fieldset data-bind="enable: IsPassive, with: Access">
                                            @access-editor.html@
                                        </fieldset>
                                    </div>

                                    <div data-bind="visible: ConnectionType() == 1">
                                        <div class="form-section">
                                            ::USBOverCOM::
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="ComPortValidation">
                                            <label class="col-sm-4">::SerialComPort:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="options: $root.ComPortNames, value: ComPort"></select>
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="BaudRateValidation">
                                            <label class="col-sm-4">::SerialBaudRate:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="value: BaudRate">
                                                    <option>110</option>
                                                    <option>300</option>
                                                    <option>1200</option>
                                                    <option>2400</option>
                                                    <option>4800</option>
                                                    <option>9600</option>
                                                    <option>19200</option>
                                                    <option>38400</option>
                                                    <option>57600</option>
                                                    <option>115200</option>
                                                    <option>230400</option>
                                                    <option>460800</option>
                                                    <option>921600</option>
                                                    <option>3000000</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="DataBitsValidation">
                                            <label class="col-sm-4">::SerialDataBits:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="value: DataBits">
                                                    <option>5</option>
                                                    <option>6</option>
                                                    <option>7</option>
                                                    <option>8</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::SerialStopBits:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="options: $root.StopBits, optionsText: 'Description', optionsValue: 'Value', value: StopBits"></select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::SerialParity:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="options: $root.Parities, optionsText: 'Description', optionsValue: 'Value', value: Parity"></select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::SerialHandshake:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="options: $root.Handshakes, optionsText: 'Description', optionsValue: 'Value', value: Handshake"></select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::SerialStartupText:::</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" data-bind="textInput: StartupText" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::SerialShutdownText:::</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" data-bind="textInput: ShutdownText" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- RECEIVER LOCATION -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="">
                                <div>
                                    ::ReceiverLocationsTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="ReceiverLocationWrapUpValidation"></div>
                                </div>
                                <div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.updateLocationsFromBaseStation, pageHandler)">
                                                ::UpdateFromBaseStationDatabase::
                                            </button>
                                        </div>
                                        <div class="col-sm-6 text-right">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.createAndEditReceiverLocation, pageHandler)">
                                                ::Add::
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row table-responsive">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="thin-column"></th>
                                                    <th>::Name::</th>
                                                    <th>::Latitude::</th>
                                                    <th>::Longitude::</th>
                                                    <th class="thin-column"></th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="foreach: ReceiverLocations">
                                                <tr>
                                                    <td class="thin-column">
                                                        <div data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                                    </td>
                                                    <td data-bind="text: Name"></td>
                                                    <td data-bind="text: FormattedLatitude"></td>
                                                    <td data-bind="text: FormattedLongitude"></td>
                                                    <td class="text-nowrap">
                                                        <button type="button" class="btn btn-sm btn-success" data-bind="click: SelectRow" data-toggle="modal" data-target="#edit-receiver-location">
                                                            <span class="glyphicon glyphicon-pencil"></span>
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-danger" data-bind="click: DeleteRow">
                                                            <span class="glyphicon glyphicon-remove"></span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div id="edit-receiver-location" data-bsu="modal" data-bsu-options="header-close" data-bind="with: $root.SelectedReceiverLocation()">
                                <div>
                                    <span data-bind="text: Name"></span>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="NameValidation">
                                        <label class="col-sm-4">::Name:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: Name" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="LatitudeValidation">
                                        <label class="col-sm-4">::Latitude:::</label>
                                        <div class="col-sm-8">
                                            <input type="number" class="form-control" data-bind="textInput: Latitude" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="LongitudeValidation">
                                        <label class="col-sm-4">::Longitude:::</label>
                                        <div class="col-sm-8">
                                            <input type="number" class="form-control" data-bind="textInput: Longitude" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- MERGED FEED -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="">
                                <div>
                                    ::MergedFeeds::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="MergedFeedWrapUpValidation"></div>
                                </div>
                                <div>
                                    <div class="row">
                                        <div class="col-sm-12 text-right">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.createAndEditMergedFeed, pageHandler)">
                                                ::Add::
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row table-responsive">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="thin-column"></th>
                                                    <th class="thin-column">::Enabled::</th>
                                                    <th>::Name::</th>
                                                    <th>::Receivers::</th>
                                                    <th>::IcaoTimeoutTitle::</th>
                                                    <th>::IgnoreModeS::</th>
                                                    <th>::Hidden::</th>
                                                    <th class="thin-column"></th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="foreach: MergedFeeds">
                                                <tr data-bind="css: { 'text-muted': !Enabled() }">
                                                    <td class="thin-column">
                                                        <div data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                                    </td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: Enabled" />
                                                    </td>
                                                    <td data-bind="text: Name"></td>
                                                    <td data-bind="text: FormattedReceiversCount"></td>
                                                    <td data-bind="text: FormattedIcaoTimeout"></td>
                                                    <td data-bind="text: FormattedIgnoreModeS"></td>
                                                    <td data-bind="text: FormattedHidden"></td>
                                                    <td class="text-nowrap">
                                                        <button type="button" class="btn btn-sm btn-success" data-bind="click: SelectRow" data-toggle="modal" data-target="#edit-merged-feed">
                                                            <span class="glyphicon glyphicon-pencil"></span>
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-danger" data-bind="click: DeleteRow">
                                                            <span class="glyphicon glyphicon-remove"></span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div id="edit-merged-feed" data-bsu="modal" data-bsu-options="header-close large" data-bind="with: $root.SelectedMergedFeed()">
                                <div>
                                    <span data-bind="text: Name"></span>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: Enabled" />
                                                ::Enabled::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="NameValidation">
                                        <label class="col-sm-4">::Name:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: Name" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="IcaoTimeoutValidation">
                                        <label class="col-sm-4">::IcaoTimeout:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: IcaoTimeoutSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IgnoreAircraftWithNoPosition" />
                                                ::IgnoreAircraftWithNoPosition::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: HideFromWebSite" />
                                                ::HideFromWebSite::
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::Receivers::
                                    </div>
                                    <div class="table-responsive" data-bsu="field-validate" data-bsu-field="ReceiverIdsValidation">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="thin-column">::Include::</th>
                                                    <th>::Name::</th>
                                                    <th class="thin-column">::MLAT::</th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="foreach: $root.Receivers">
                                                <tr>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: $root.SelectedMergedFeed().IncludeReceiver($data)" />
                                                    </td>
                                                    <td data-bind="text: Name"></td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: $root.SelectedMergedFeed().ReceiverIsMlat($data), enable: $root.SelectedMergedFeed().IncludeReceiver($data)" />
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- REBROADCAST SERVERS -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="">
                                <div>
                                    ::RebroadcastServersTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="RebroadcastServerWrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-12 text-right">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.createAndEditRebroadcastServer, pageHandler)">
                                                ::Add::
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row table-responsive">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="thin-column"></th>
                                                    <th class="thin-column">::Enabled::</th>
                                                    <th>::Name::</th>
                                                    <th>::Receiver::</th>
                                                    <th>::Format::</th>
                                                    <th>::UNC::</th>
                                                    <th>::Access::</th>
                                                    <th class="thin-column"></th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="foreach: RebroadcastSettings">
                                                <tr data-bind="css: { 'text-muted': !Enabled() }">
                                                    <td class="thin-column">
                                                        <div data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                                    </td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: Enabled" />
                                                    </td>
                                                    <td data-bind="text: Name"></td>
                                                    <td data-bind="with: Feed">
                                                        <span data-bind="text: Name"></span>
                                                    </td>
                                                    <td data-bind="text: FormatDescription"></td>
                                                    <td data-bind="text: FormattedAddress"></td>
                                                    <td data-bind="text: FormattedAccess"></td>
                                                    <td class="text-nowrap">
                                                        <button type="button" class="btn btn-sm btn-success" data-bind="click: SelectRow" data-toggle="modal" data-target="#edit-rebroadcast-server">
                                                            <span class="glyphicon glyphicon-pencil"></span>
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-danger" data-bind="click: DeleteRow">
                                                            <span class="glyphicon glyphicon-remove"></span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div id="edit-rebroadcast-server" data-bsu="modal" data-bsu-options="header-close large" data-bind="with: $root.SelectedRebroadcastServer()">
                                <div>
                                    <span data-bind="text: Name"></span>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: Enabled" />
                                                ::Enabled::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="NameValidation">
                                        <label class="col-sm-4">::Name:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: Name" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="ReceiverIdValidation">
                                        <label class="col-sm-4">::Receiver:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.Feeds, optionsText: 'Name', optionsValue: 'UniqueId', value: ReceiverId"></select>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="FormatValidation">
                                        <label class="col-sm-4">::Format:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.RebroadcastFormats, optionsText: 'ShortName', optionsValue: 'UniqueId', value: Format, valueAllowUnset: true"></select>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="SendIntervalMillisecondsValidation">
                                        <label class="col-sm-4">::SendEvery:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: SendIntervalSeconds, enable: IsWholeListFeed" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="IsTransmitterValidation">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IsTransmitter" />
                                                ::TransmitFeed::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="TransmitAddressValidation">
                                        <label class="col-sm-4">::UNC:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: TransmitAddress, enable: IsTransmitter" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="PortValidation">
                                        <label class="col-sm-4">::Port:::</label>
                                        <div class="col-sm-8">
                                            <input type="number" class="form-control" data-bind="textInput: Port" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::Passphrase:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: Passphrase" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="StaleSecondsValidation">
                                        <label class="col-sm-4">::StaleSeconds:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: StaleSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="UseKeepAliveValidation">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: UseKeepAlive" />
                                                ::UseKeepAlive::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="IdleTimeoutMillisecondsValidation">
                                        <label class="col-sm-4">::IdleTimeout:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: IdleTimeoutSeconds, disable: UseKeepAlive" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>

                                    <fieldset data-bind="enable: !IsTransmitter(), with: Access">
                                        @access-editor.html@
                                    </fieldset>
                                </div>
                            </div>

                            <!---->
                            <!-- USERS -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="">
                                <div>
                                    ::Users::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="UserWrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-6 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: $root.WebServerSettings.UsersMustAuthenticate" />
                                                ::UserMustAuthenticate::
                                            </label>
                                        </div>
                                        <div class="col-sm-6 text-right">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.createAndEditUser, pageHandler)">
                                                ::Add::
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row table-responsive">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="thin-column"></th>
                                                    <th class="thin-column">::Enabled::</th>
                                                    <th>::LoginName::</th>
                                                    <th>::Name::</th>
                                                    <th>::WebSiteUser::</th>
                                                    <th>::WebSiteAdministrator::</th>
                                                    <th class="thin-column"></th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="foreach: Users">
                                                <tr data-bind="css: { 'text-muted': !Enabled(), 'text-primary': IsCurrentUser }">
                                                    <td class="thin-column">
                                                        <div data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                                    </td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: Enabled, disable: IsCurrentUser" />
                                                    </td>
                                                    <td data-bind="text: LoginName"></td>
                                                    <td data-bind="text: Name"></td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: IsWebSiteUser, disable: IsAdminUser" />
                                                    </td>
                                                    <td>
                                                        <input type="checkbox" data-bind="checked: IsAdminUser, disable: IsCurrentUser" />
                                                    </td>
                                                    <td class="text-nowrap">
                                                        <button type="button" class="btn btn-sm btn-success" data-bind="click: SelectRow" data-toggle="modal" data-target="#edit-user">
                                                            <span class="glyphicon glyphicon-pencil"></span>
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-danger" data-bind="click: DeleteRow, disable: IsCurrentUser">
                                                            <span class="glyphicon glyphicon-remove"></span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div id="edit-user" data-bsu="modal" data-bsu-options="header-close" data-bind="with: $root.SelectedUser()">
                                <div>
                                    <span data-bind="text: LoginName"></span>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: Enabled, disable: IsCurrentUser" />
                                                ::Enabled::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="LoginNameValidation">
                                        <label class="col-sm-4">::LoginName:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: LoginNameAndCurrentUser" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="UIPasswordValidation">
                                        <label class="col-sm-4">::Password:::</label>
                                        <div class="col-sm-8">
                                            <input type="password" class="form-control" data-bind="textInput: UIPassword" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="NameValidation">
                                        <label class="col-sm-4">::Name:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: Name" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IsWebSiteUser, disable: IsAdminUser" />
                                                ::WebSiteUser::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IsAdminUser, disable: IsCurrentUser" />
                                                ::WebSiteAdministrator::
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- RAW DECODING SETTINGS -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="" data-bind="with: $root.RawDecodingSettings">
                                <div>
                                    ::OptionsRawFeedSheetTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-6">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.useIcaoRawDecodingSettings, pageHandler)">
                                                ::UseIcaoSpecificationSettings::
                                            </button>
                                        </div>
                                        <div class="col-sm-6 text-right">
                                            <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.useRecommendedRawDecodingSettings, pageHandler)">
                                                ::UseRecommendedSettings::
                                            </button>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::Range::
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="ReceiverRangeValidation">
                                        <label class="col-sm-4">::ReceiverRange:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: ReceiverRange" />
                                                <span class="input-group-addon">::Kilometres::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: SuppressReceiverRangeCheck" />
                                                ::SuppressReceiverRangeCheck::
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::OptionsRawFeedDecoderParametersCategory::
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IgnoreMilitaryExtendedSquitter" />
                                                ::IgnoreMilitaryExtendedSquitter::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: UseLocalDecodeForInitialPosition" />
                                                ::UseLocalDecodeForInitialPosition::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="AirborneGlobalPositionLimitValidation">
                                        <label class="col-sm-4">::AirborneGlobal:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: AirborneGlobalPositionLimit" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="FastSurfaceGlobalPositionLimitValidation">
                                        <label class="col-sm-4">::FastSurfaceGlobal:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: FastSurfaceGlobalPositionLimit" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="SlowSurfaceGlobalPositionLimitValidation">
                                        <label class="col-sm-4">::SlowSurfaceGlobal:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: SlowSurfaceGlobalPositionLimit" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="AcceptableAirborneSpeedValidation">
                                        <label class="col-sm-4">::MaxAirborneSpeed:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: AcceptableAirborneSpeed" />
                                                <span class="input-group-addon">::KilometresOver30Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="AcceptableAirSurfaceTransitionSpeedValidation">
                                        <label class="col-sm-4">::MaxTransitionSpeed:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: AcceptableAirSurfaceTransitionSpeed" />
                                                <span class="input-group-addon">::KilometresOver30Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="AcceptableSurfaceSpeedValidation">
                                        <label class="col-sm-4">::MaxSurfaceSpeed:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: AcceptableSurfaceSpeed" />
                                                <span class="input-group-addon">::KilometresOver30Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IgnoreCallsignsInBds20" />
                                                ::IgnoreCallsignsInBds20::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: SuppressIcao0" />
                                                ::SuppressICAO0::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: SuppressTisbDecoding" />
                                                ::SuppressTisbMessages::
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::OptionsRawFeedAcceptIcaoAsValidCategory::
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::AcceptIcaoInPI0Count:::</label>
                                        <div class="col-sm-3" data-bsu="field-validate" data-bsu-field="AcceptIcaoInPI0CountValidation">
                                            <input type="number" class="form-control" data-bind="textInput: AcceptIcaoInPI0Count" />
                                        </div>
                                        <div class="col-sm-1 text-center">
                                            /
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group" data-bsu="field-validate" data-bsu-field="AcceptIcaoInPI0SecondsValidation">
                                                <input type="number" class="form-control" data-bind="textInput: AcceptIcaoInPI0Seconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::AcceptIcaoInNonPICount:::</label>
                                        <div class="col-sm-3" data-bsu="field-validate" data-bsu-field="AcceptIcaoInNonPICountValidation">
                                            <input type="number" class="form-control" data-bind="textInput: AcceptIcaoInNonPICount" />
                                        </div>
                                        <div class="col-sm-1 text-center">
                                            /
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group" data-bsu="field-validate" data-bsu-field="AcceptIcaoInNonPISecondsValidation">
                                                <input type="number" class="form-control" data-bind="textInput: AcceptIcaoInNonPISeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::IgnoreUnassignedIcao:::</label>
                                        <div class="col-sm-4 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IgnoreInvalidCodeBlockInParityMessages" />
                                                ::InPI0Messages::
                                            </label>
                                        </div>
                                        <div class="col-sm-4 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IgnoreInvalidCodeBlockInOtherMessages" />
                                                ::InNonPI0Messages::
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- WEB SERVER SETTINGS -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="" data-bind="with: $root.WebServerSettings">
                                <div>
                                    ::OptionsWebServerSheetTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="WebServerAndInternetClientWrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-section">
                                        ::OptionsUPnPCategory::
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: EnableUPnp" />
                                                ::EnableUPnp::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: IsOnlyInternetServerOnLan" />
                                                ::ResetPortAssignmentsOnStartup::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: AutoStartUPnP" />
                                                ::AutoStartUPnP::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="UPnpPortValidation">
                                        <label class="col-sm-4">::UPnpPort:::</label>
                                        <div class="col-sm-8">
                                            <input type="number" class="form-control" data-bind="textInput: UPnpPort" />
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::OptionsWebServerInternetClientsCategory::
                                    </div>
                                    <div data-bind="with: $root.InternetClientSettings">
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="TimeoutMinutesValidation">
                                            <label class="col-sm-4">::IdleTimeout:::</label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <input type="number" class="form-control" data-bind="textInput: TimeoutMinutes" />
                                                    <span class="input-group-addon">::Minutes::</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: CanRunReports" />
                                                    ::InternetUsersCanRunReports::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: CanPlayAudio" />
                                                    ::InternetUsersCanListenToAudio::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: CanShowPictures" />
                                                    ::InternetUsersCanViewPictures::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: CanShowPinText" />
                                                    ::InternetUserCanSeeLabels::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: CanSubmitRoutes" />
                                                    ::InternetClientCanSubmitRoutes::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: CanShowPolarPlots" />
                                                    ::InternetClientCanShowPolarPlots::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: AllowInternetProximityGadgets" />
                                                    ::AllowInternetProximityGadgets::
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- WEB SITE SETTINGS -->
                            <!---->

                            <div data-bsu="collapsible-panel" data-bsu-options="" data-bind="with: $root.GoogleMapSettings">
                                <div>
                                    ::OptionsWebSiteTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="WrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-section">
                                        ::OptionsWebSiteSettingsCategory::
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="InitialRefreshSecondsValidation">
                                        <label class="col-sm-4">::InitialRefresh:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: InitialRefreshSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="MinimumRefreshSecondsValidation">
                                        <label class="col-sm-4">::MinimumRefresh:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: MinimumRefreshSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::InitialDistanceUnits:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.DistanceUnits, optionsText: 'Description', optionsValue: 'Value', value: InitialDistanceUnit"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::InitialHeightUnits:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.HeightUnits, optionsText: 'Description', optionsValue: 'Value', value: InitialHeightUnit"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::InitialSpeedUnits:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.SpeedUnits, optionsText: 'Description', optionsValue: 'Value', value: InitialSpeedUnit"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: PreferIataAirportCodes" />
                                                ::PreferIataAirportCodes::
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::OptionsWebSiteCustomisationCategory::
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::ProxyType:::</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" data-bind="options: $root.ProxyTypes, optionsText: 'Description', optionsValue: 'Value', value: ProxyType"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: EnableBundling" />
                                                ::EnableBundling::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: EnableMinifying" />
                                                ::EnableMinifying::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: EnableCompression" />
                                                ::EnableCompression::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: EnableCorsSupport" />
                                                ::EnableCorsSupport::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="AllowCorsDomainsValidation">
                                        <label class="col-sm-4">::AllowedCorsDomains:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: AllowCorsDomains, enable: EnableCorsSupport" />
                                        </div>
                                    </div>

                                    <div class="form-section">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::DirectoryEntryKey:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: DirectoryEntryKey" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::GoogleMapsAPIKey:::</label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" data-bind="textInput: GoogleMapsApiKey" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: UseGoogleMapsAPIKeyWithLocalRequests" />
                                                ::UseGoogleMapsKeyWithLocalRequests::
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- WEB SITE INITIAL SETTINGS -->
                            <!---->
                            <div data-bsu="collapsible-panel" data-bsu-options="" data-bind="with: $root.GoogleMapSettings">
                                <div>
                                    ::InitialSettingsTitle::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="InitialSettingsValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-4">::DesktopSite:::</label>
                                        <div class="col-sm-8">
                                            <a href="../desktop.html" target="livesite">desktop.html</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::MobileSite:::</label>
                                        <div class="col-sm-8">
                                            <a href="../mobile.html" target="livesite">mobile.html</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::SettingsSite:::</label>
                                        <div class="col-sm-8">
                                            <a href="../settings.html" target="livesite">settings.html</a>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">::ExportedSettings:::</label>
                                        <div class="col-sm-8" data-bsu="field-validate" data-bsu-field="InitialSettingsValidation">
                                            <textarea class="form-control" rows="20" data-bind="value: InitialSettings"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!---->
                            <!-- GENERAL -->
                            <!---->
                            <div data-bsu="collapsible-panel" data-bsu-options="">
                                <div>
                                    ::General::
                                    <div class="pull-right" data-bsu="validate-icons" data-bsu-field="GeneralWrapUpValidation"></div>
                                </div>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: FlightRouteSettings.AutoUpdateEnabled" />
                                                ::AutomaticallyDownloadNewRoutes::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-4 col-sm-8 checkbox">
                                            <label>
                                                <input type="checkbox" data-bind="checked: VersionCheckSettings.CheckAutomatically" />
                                                ::CheckForNewVersions::
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="VersionCheckSettings.CheckPeriodDaysValidation">
                                        <label class="col-sm-4">::DaysBetweenChecks:::</label>
                                        <div class="col-sm-8">
                                            <input type="number" class="form-control" data-bind="textInput: VersionCheckSettings.CheckPeriodDays" />
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="BaseStationSettings.DisplayTimeoutSecondsValidation">
                                        <label class="col-sm-4">::RemoveFromDisplay:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: BaseStationSettings.DisplayTimeoutSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="BaseStationSettings.TrackingTimeoutSecondsValidation">
                                        <label class="col-sm-4">::RemoveFromTracking:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: BaseStationSettings.TrackingTimeoutSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="BaseStationSettings.SatcomDisplayTimeoutMinutesValidation">
                                        <label class="col-sm-4">::RemoveFromDisplaySatcom:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: BaseStationSettings.SatcomDisplayTimeoutMinutes" />
                                                <span class="input-group-addon">::Minutes::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="BaseStationSettings.SatcomTrackingTimeoutMinutesValidation">
                                        <label class="col-sm-4">::RemoveFromTrackingSatcom:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: BaseStationSettings.SatcomTrackingTimeoutMinutes" />
                                                <span class="input-group-addon">::Minutes::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="GoogleMapSettings.ShortTrailLengthSecondsValidation">
                                        <label class="col-sm-4">::ShortTrailDuration:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: GoogleMapSettings.ShortTrailLengthSeconds" />
                                                <span class="input-group-addon">::Seconds::</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" data-bsu="field-validate" data-bsu-field="BaseStationSettings.AutoSavePolarPlotsMinutesValidation">
                                        <label class="col-sm-4">::AutoSavePolarPlots:::</label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="number" class="form-control" data-bind="textInput: BaseStationSettings.AutoSavePolarPlotsMinutes" />
                                                <span class="input-group-addon">::Minutes::</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-section">
                                        ::Audio::
                                    </div>
                                    <div data-bind="with: AudioSettings">
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8 checkbox">
                                                <label>
                                                    <input type="checkbox" data-bind="checked: Enabled" />
                                                    ::Enabled::
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4">::TextToSpeechVoice:::</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-bind="options: $root.VoiceNames, value: VoiceName"></select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-4 col-sm-8">
                                                <button type="button" class="btn btn-info" data-bind="click: SetDefaultVoice">
                                                    ::DefaultVoice::
                                                </button>
                                            </div>
                                        </div>
                                        <div class="form-group" data-bsu="field-validate" data-bsu-field="VoiceRateValidation">
                                            <label class="col-sm-4">::ReadingSpeed:::</label>
                                            <div class="col-sm-8">
                                                <input type="number" class="form-control" data-bind="textInput: VoiceRate" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>      <!-- panel group -->

                            <!---->
                            <!-- SAVE BUTTON -->
                            <!---->

                            <hr />

                            <div class="row" id="save-button">
                                <div class="col-sm-2">
                                    <button type="button" class="btn btn-info" data-bind="click: $.proxy(pageHandler.save, pageHandler)">
                                        ::Save::
                                    </button>
                                </div>
                                <div class="col-sm-10" data-bind="visible: SaveAttempted">
                                    <div class="alert alert-success">
                                        <span data-bind="text: SavedMessage"></span>
                                    </div>
                                </div>
                            </div>

                            <hr />

                        </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            $(document).on('ready', function() {
                Bootstrap.Helper.decorateBootstrapElements();
                window.pageHandler = new VRS.WebAdmin.Settings.PageHandler('@view-id@');
            })
        </script>
    </body>
</html>